<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>直播列表</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<div class="page page-current">
    <!-- top bar -->
    <header class="bar bar-nav bar-white">
        <a class="button button-link button-nav pull-left back" href="javascript:history.back()">
            <span class="icon iconfont icon-fanhui"></span>
        </a>
        <div class="searchbar">
            <a class="searchbar-cancel">取消</a>
            <div class="search-input">
                <label class="icon icon-search" for="search"></label>
                <input type="search" id="search" placeholder="请输入直播关键词">
            </div>
        </div>
    </header>
    <!-- top bar end-->


    <!--主体区域 开始-->
    <div class="content wm-content ovf">
        <article>
            <div class="wm-buttons-tab__wrap wm-sort-buttons-tab">
                <div class="row no-gutter">
                    <div class="col-100 wm-sort-scrollX__wrap pr">
                        <div class="buttons-tab wm-buttons-tab">
                            <a href="" class="button active">全部</a>
                            <a href="" class="button">法学</a>
                            <a href="" class="button">会计</a>
                            <a href="" class="button">语言</a>
                            <a href="" class="button">文化</a>
                            <a href="" class="button">一级建造师</a>
                            <a href="" class="button">学生会</a>
                            <a href="" class="button">大学数学</a>
                        </div>
                    </div>
                </div>
            </div>

            <!--直播 开始-->
            <div class="page-infinite__wrap wm-page-course">
                <div class="page-group" id="page-infinite-scroll-bottom">
                    <div class="page page-current">
                        <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100">

                            <div>
                                <!--公共无数据提示 开始-->
                                <section class="no-data__wrap">
                                    <em>&nbsp;</em>
                                    <p>亲，小编正在整理中</p>
                                </section>
                                <!--公共无数据提示 结束-->

                                <div class="list-block media-list wm-course-list__wrap">
                                    <ul class="list-container wm-course-list">
                                        <li class="mb5">
                                            <a href="" class="item-content">
                                                <div class="item-media">
                                                    <section class="wm-item-picture__wrap pr">
                                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                                    </section>
                                                </div>
                                                <div class="item-inner">
                                                    <section class="wm-desc-txt__wrap">
                                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                                    </section>
                                                    <section class="wm-attr-wrap row pt5">
                                                        <aside class="col-50">
                                                            <span class="wm-price vam">￥9.80</span>
                                                            <s class="fs4 c-bbb vam">￥36</s>
                                                        </aside>
                                                        <aside class="col-50 text-right">
                                                            <span class="fs4 c-orange">共200人加入</span>
                                                        </aside>
                                                    </section>
                                                </div>
                                            </a>
                                            <section class="tuan-attr-box">
                                                <div class="row no-gutter clearfix">
                                                    <section class="col-75">
                                                        <div class="row no-gutter tuan-attr-timer__wrap">
                                                            <span class="col-auto mr5">
                                                                <span class="fs4 c-bbb">直播时间</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    5月21日
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">&nbsp;</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    18
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">:</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    30
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </section>
                                                    <section class="col-25">
                                                        <a href="javascript:void(0);" class="button button-fill button-round button-danger fs6"> 参加直播 </a>
                                                    </section>
                                                </div>
                                            </section>
                                        </li>
                                        <li class="mb5">
                                            <a href="" class="item-content">
                                                <div class="item-media">
                                                    <section class="wm-item-picture__wrap pr">
                                                        <img class="wm-img" data-src="http://res.268xue.com/res/upload/yzl/course/20171213/8854ee978badcd2a472e23f0f3c8c9d3_jpg/mobile/small.jpg" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                                    </section>
                                                </div>
                                                <div class="item-inner">
                                                    <section class="wm-desc-txt__wrap">
                                                        <span class="wm-cm-title">敢问中国教育与学校教育路在哪里</span>
                                                    </section>
                                                    <section class="wm-attr-wrap row pt5">
                                                        <aside class="col-50">
                                                            <span class="wm-price-free vam">免费</span>
                                                        </aside>
                                                        <aside class="col-50 text-right">
                                                            <span class="fs4 c-orange">共200人加入</span>
                                                        </aside>
                                                    </section>
                                                </div>
                                            </a>
                                            <section class="tuan-attr-box">
                                                <div class="row no-gutter clearfix">
                                                    <section class="col-75">
                                                        <div class="row no-gutter tuan-attr-timer__wrap">
                                                            <span class="col-auto mr5">
                                                                <span class="fs4 c-bbb">直播时间</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    5月21日
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">&nbsp;</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    18
                                                                </span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-vag">:</span>
                                                            </span>
                                                            <span class="col-auto">
                                                                <span class="tuan-attr-timer-box">
                                                                    30
                                                                </span>
                                                            </span>
                                                        </div>
                                                    </section>
                                                    <section class="col-25">
                                                        <a href="javascript:void(0);" class="button button-fill button-round button-danger fs6"> 参加直播 </a>
                                                    </section>
                                                </div>
                                            </section>
                                        </li>
                                    </ul>
                                </div>

                            </div>
                            <!-- 加载提示符 -->
                            <div class="infinite-scroll-preloader">
                                <div class="preloader wm-preloader"></div>
                            </div>

                        </div>
                    </div>

                </div>

            </div>
            <!--直播 结束-->
        </article>
    </div>
    <!--主体区域 结束-->
</div>
<div data-th-replace="layout/footer"></div>
</body>
</html>